<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en" class="app"  style="overflow-y: hidden;">
<head>  
  <base href="<%=basePath%>">
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta name="renderer" content="webkit">
  
  <link rel="stylesheet" href="<%=basePath%>view/css/bootstrap.min.css">
  <link rel="stylesheet" href="<%=basePath%>view/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath%>view/css/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="<%=basePath%>view/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="<%=basePath%>view/css/app.css" type="text/css" />
  
  <style type="text/css">
		@media only screen and (min-width: 0px) and (max-width: 768px) {
  				.contentPage{
  					min-height:600px !important;
  				}
  		}
  </style>
</head>
<body class="">
  <section class="vbox">
    <header class="bg-white-only header header-md navbar navbar-fixed-top-xs">
      <div class="navbar-header aside bg-black nav-xs">
        <a href="index.html" class="navbar-brand text-lt">
          <i class="fa fa-desktop" style="font-weight: 100;font-size: 22px;"></i>
          <span class="hidden-nav-xs m-l-sm">剑瑜伽</span>
        </a>
      </div>      
      <ul class="nav navbar-nav hidden-xs">
        <li>
          <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
            <i class="fa fa-indent text"></i>
            <i class="fa fa-dedent text-active"></i>
          </a>
        </li>
      </ul>
    </header>
    <section>
      <section class="hbox stretch">
        <!-- .aside -->
        <aside class="bg-white dk nav-xs aside hidden-print" id="nav">          
          <section class="vbox">
            <section class="w-f-md scrollable">
              <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">
                <!-- nav -->                 
                <nav class="nav-primary hidden-xs">
                  <ul class="nav" data-ride="collapse">
                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                      		功能菜单
                    </li>
					<li >
                      <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                          <i class="fa fa-user"></i>
                        <span>会员</span>
                      </a>
					<ul class="nav dk text-sm">
						<li >
                          <a href="member.html" target="contentFrame">                                                        
                            <i class="fa fa-angle-right text-xs"></i>
                            <span>列表</span>
                          </a>
                        </li>
					</ul>
					</li>
					<li >
                      <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                          <i class="fa fa-credit-card"></i>
                        <span>会员卡</span>
                      </a>
					<ul class="nav dk text-sm">
						<li >
                          <a href="card.html" target="contentFrame">                                                        
                            <i class="fa fa-angle-right text-xs"></i>
                            <span>列表</span>
                          </a>
                        </li>
					</ul>
					</li>
					<li >
                      <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                          <i class="fa fa-university"></i>
                        <span>课程</span>
                      </a>
					<ul class="nav dk text-sm">
						<li >
                          <a href="course.html" target="contentFrame">                                                        
                            <i class="fa fa-angle-right text-xs"></i>
                            <span>列表</span>
                          </a>
                        </li>
					</ul>
					</li>
					<li >
                      <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                          <i class="fa fa-mortar-board"></i>
                        <span>教师</span>
                      </a>
					<ul class="nav dk text-sm">
						<li >
                          <a href="teacher.html" target="contentFrame">                                                        
                            <i class="fa fa-angle-right text-xs"></i>
                            <span>列表</span>
                          </a>
                        </li>
					</ul>
					</li>
                  </ul>
                </nav>
                <!-- / nav -->
              </div>
            </section>
          </section>
        </aside>
        <!-- /.aside -->
        <section id="content">
          <section class="hbox stretch">
              <section class="vbox">
                	<!--content -->
                	<iframe name="contentFrame" id="contentFrame" frameborder="0" src="" style="width:100%;height:100%;"></iframe>
              </section>
          </section>
        </section>
      </section>
    </section>    
  </section>
  <script src="<%=basePath%>view/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="<%=basePath%>view/js/bootstrap.min.js"></script>
  <!-- App -->
  <script src="<%=basePath%>view/js/app.js"></script>  
  <script src="<%=basePath%>view/js/jquery.slimscroll.min.js"></script>
  <script src="<%=basePath%>view/js/app.plugin.js"></script>
</body>
</html>
